<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>The Best Wishes For You</title>
  <link rel="stylesheet" href="./src/style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'></head>

	<body>

		<!-- Table for aligning pinyin and Chinese characters -->
		<table>
			<tr>
				<th class="pinyin" id="pinyin1">xīn</th>
				<th class="pinyin" id="pinyin2">nián</th>
				<th class="pinyin" id="pinyin3">kuài</th>
				<th class="pinyin" id="pinyin4">lè</th>
			</tr>
			<tr>
				<td id="phraseChinese1">新</td>
				<td id="phraseChinese2">年</td>
				<td id="phraseChinese3">快</td>
				<td id="phraseChinese4">樂</td>
			</tr>
		</table>

		<h2 id="phraseEnglish">(Happy new year)</h2>
	
		<button type="button" id="button">
			<p>生成短语</p>
		</button>
<!-- partial -->
  <script  src="./src/script.js"></script>

</body>
</html>
